<!doctype html>
<html>
  
  <head>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title>Divshot: Getting Started</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <link rel="stylesheet" href="themes/spruce/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
  </head>
  
  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Welcome to Divshot!</a>
          <div class="navbar-content">
            <ul class="nav  pull-right">
              <li class="active">
                <a href="#">Quickstart</a> 
              </li>
              <li>
                <a href="#">Home</a> 
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="page-header">
        <h1>The Divshot Quickstart Guide</h1>
      </div>
      <div class="alert hidden-phone alert-success">
        <a class="close" data-dismiss="alert">×</a>
        <span>
          <b>Ready to dive in?</b>&nbsp;Click the page name dropdown in the top left
          and create a new page using the embedded form.</span>
      </div>
      <p>Maxime quod odio voluptates provident veniam quasi aute reiciendis animi
        corporis accusamus minus dolores laboris ullam enim eu tempore ratione
        et excepturi. Maxime possimus excepteur blanditiis velit, voluptatum labore,
        suscipit iusto, pariatur cupiditate nostrud. Tenetur nulla molestias voluptas
        hic, nemo, vel, a corporis debitis.</p>
      <div class="row">
        <div class="span4">
          <div class="well">
            <span class="label label-important">Important</span>
            <img src="http://img.danawa.com/images/descFiles/3/314/2313813_1_1360653579.jpg"> 
          </div>
          <div class="well">
            <h4>Exporting HTML</h4>
            <p>Divshot is built to give you usable code. Just click the "Export Code"
              button in the top toolbar.</p>
          </div>
        </div>
        <div class="span4">
          <div class="well">
            <span class="label label-info">Important</span>
            <img src="http://c.ask.nate.com/imgs/qrsi.php/11808781/21276259/0/3/A/%EC%88%98%EC%A7%80_2.jpg"> 
          </div>
          <div class="well">
            <h4>Responsive Design</h4>
            <ol class="visible-desktop inline" id="">
              <li>Item 1</li>
              <li>Item 2</li>
              <li>Item 3</li>
            </ol>
            <ul class="pager">
              <li>
                <a href="#">Prev</a> 
              </li>
              <li>
                <a href="#">Next</a> 
              </li>
            </ul>
          </div>
        </div>
        <div class="span4">
          <div class="well">
            <span class="label label-warning">Important</span>
            <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQseie8sURcAKbty3sVfKAuZxRcW_RSAtpl7LvjIZujUWRx8zqShQ"> 
          </div>
          <div class="well">
            <h4>Custom HTML</h4>
            <p>Drop the "Custom HTML" component onto the page and double click it to
              add arbitrary HTML.</p>
          </div>
        </div>
      </div>
      <p class="text-info lead">While using Divshot, your changes are automatically saved to the server
        as you make them so you never have to worry about losing your work.</p>
    </div>
  </body>

</html>